ZLMediaKit编译与webrtc推拉流测试
ZLMediaKit支持了webrtc的推流与播放。特此记录下编译与测试的过程。编译环境OS版本：Ubuntu 20.04.2 LTSopenssl版本：OpenSSL 1.1.1fgcc版本：9.3.0cmake版本：3.16.3编译准备工作安装openssl。$ git clone https://github.com/openssl/openssl.git$ ./config$ make -j4$ sudo make install# 查看openssl版本$ openssl version -a安装...
2024-01-10
vue+echarts实现进度条式柱状图
本文实例为大家分享了vue+echarts实现进度条式柱状图的具体代码，供大家参考，具体内容如下效果图如下代码：<template> <div class="content-page"> <div class="tab-content"> <div id="myChart1"></div> </div> </div></template><script>import * as echarts from 'echarts';export default { data() { ...
2024-01-10useRef和createRef有什么区别？
我偶然发现钩子文档useRef。看他们的例子…function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} ty...
2024-01-10
React:快速上手(5)——掌握Redux(2)
本文部分内容参考阮一峰的Redux教程。React-Redux原理React-Redux运行机制 我觉得这张图清楚地描述React-Redux的运行机制： React-Redux将组件划分为两类，第一类是UI组件：只负责 UI 的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供不使用任...
2024-01-10
React和Vue区别
1.监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化。React默认是通过比较引用的方式（diff）进行的，如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢？这是因为Vue和React设计理念上的区别，Vue使用的是可变数据，而React更强...
2024-01-10Vue.directive使用注意(小结)
指令钩子函数会被传入以下参数：el：指令所绑定的元素，可以用来直接操作 DOM 。binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情。 ◦name：指令名，不包括 v- 前缀。◦value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。◦oldValue：指令...
2024-01-10
在vue中实现echarts随窗体变化
<div id="myChart" :style="{width: '100%', height: '345px'}"></div><script> export default {mounted(){ this.drawLine(); }, methods: { drawLine(){ var myChartContainer = document.getElementById('myChart'); //用于使chart自适应宽度,通过窗体宽计算容器高宽 var r...
2024-01-10vue，函数返回reactive对象，返回类型应该如何申明？
网上大部分是关于直接赋值的方法。如：interface Data { name: number}const data: Data = reactive({ name: 1})这段代码运行确实不会报错，data的类型就是Data但是，我想要实现如：const renderData =() => { return reactive({ name: 1 })}这个时候不...
2024-02-17
React和Vue特性和书写差异
Vue均使用ES6语法，主要以单文件组件为例，写法上优先使用缩写。React使用TS语法。生命周期VueReact入口&根实例Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件}).$mount('#app')ReactReactDOM.render( <App/>, // App为根组件 document.getElementById('app'))组件定义Vue// 定义组件构造器va...
2024-01-10
不吹不黑丨用Vue和React构建相同应用程序，区别在哪？
作者 | Sunil Sandhu译者 | 无明在工作中使用了 Vue 之后，我已经对它有了相当深入的了解。同时，我也对 React 感到好奇。我阅读了 React 的文档，也看了一些教程视频，虽然它们很棒，但我真正想知道的是 React 与 Vue 有哪些区别。这里所说的区别，并不是指它们是否都具有虚拟 DOM 或者它们如何渲染页面...
2024-01-10
Vue实现active点击切换
循环的情况：1、点击时传入index索引（获取当前点击的是哪个）@click="active(index)"2、将索引值传入class（索引等于几就第几个添加active类）:class="{active:index==ins}"3、在data里边添加ins：0（表示默认第一个添加active类）data{ ins：0 } 4、最后在methods里边添加方法ctive (num) { this.ins=num ...
2024-01-10
怎么排查 Vue-Router 渲染不出来的问题？
问题描述开发环境vue 3.3.4vue-router@4IDE: vs-code 1.80我尝试跟着 vue-router官方教程 做demo, router-link 渲染了, 但是 router-view 没有渲染. 页面和控制台又没报错。试了好多种方法，检查了关键字是否写错，都不行.请大家帮忙看看, thanks!文件列表main.jsimport { createApp } from '...
2024-02-07
Vue-router插件使用
Vue是单页面开发，即页面不刷新。 页面不刷新，而又要根据用户选择完成内容的更新该怎么做？Vue中采用锚点来完成。 如访问http://127.0.0.1#/index就是主页，而访问http://127.0.0.1#/home就是家目录。 手动分析url组成与处理视图的切换非常麻烦，所以Vue提供插件Vue-router，它能够根据用户...
2024-01-10
vue-router如何更新路由信息
背景在 App.vue 文件中通过 addRoutes 动态添加路由。访问路由 /login，我发现 this.$route 返回的数据中，meta.a 却是 undefined。如果一秒后再次访问 this.$route，meta.a 为 1。这是为何？create() { const routes = [{ path: "login", name: "login", component: () => import(\'./login.vue), meta: { a: ...
2024-01-10
vue-resource 上传图片
const formData = new FormData()formData.append(\'file\',img,params.name);formData.append(\'id\',params.id);formData.append(\'name\',params.name);return new Promise((resolve,reject)=>{ Vue.http.post(uploadImg,formData).then(function(res){ resolve(res.bo...
2024-01-10
vue-cli3路由vue-router用法
安装npm install vue-router导入vue-router// main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的import VueRouter from 'vue-router' // 导入vue-router，注意import VueRouter 不能写成 import Vue-Router，因为不支持带-的写法。// 必须要通过 Vue.use() 明确地安装路由功能Vue.use(VueRoute...
2024-01-10
vue-quill-editor插入图片路径太长问题解决方法
最近做项目的时候有一个发布新闻的需求，新闻编辑的时候要求能发布带格式的文本内容和能展示支持图片。由于项目是用 Vue 开发的，所以找编辑器的时候选了 vue-quill-editor 。编辑器长如下的样子：现在的问题但是这个编辑器会把插入的图片会转成 base64 位的编码，使得编辑器内容保存进数据库的...
2024-01-10
vue实践---vue不依赖外部资源实现简单多语操作
vue使用多语，最常见的就是 vue-i18n, 但是如果开发中的多语很少，比如就不到10个多语，这样就没必要引入vue-i18n了， 引入了反正导致代码体积大了，这时候单纯用vue实现多语就是比较好的选择。第一步首先建立一个locales.js 存放多语语言包的内容，这里只写了 zh-CN, en这两种语言，其他还想新增的话 ...
2024-01-10
vue-router定义元信息meta操作
router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Test from '../views/Test.vue'import NotFound from '../views/NotFound.vue'import TestChild from '../views/TestChild.vue'import AView from '../vi...
2024-01-10
Vue关于使用vue-router控制视图渲染的问题。
环境：Vue2.0 + vue-router + element-ui + 新手,思路：想通过正则判断vue-router的$route.path来控制SideBar组件的渲染与否，具体代码如下：App.vue<template> <div id="app"> <div class="warper"> <div class="header"> <TopBar></TopBar> </div> <el-row><el-col :span="2" > ...
2024-01-10
VSCode 使用Vetur对vue文件进行格式化
{ "workbench.iconTheme": "material-icon-theme", // 指定工作台中使用的文件图标主题 "window.zoomLevel": 0, // 调整窗口的缩放级别，原始大小是 0 "editor.formatOnSave": true, // 在保存时格式化文件 "editor.tabSize": 2, // 一个制表符等于的空格数 "[jsonc]": { "editor.defaultFormatter": "octref.vetur" // 定...
2024-01-10
【Vue】恳请各位答疑解惑，iview的Anchor锚点组件，无法定位的问题
首先是我如果写静态的页面锚点是没有问题，有问题的是渲染出来的页面数据，锚点的数据也是渲染出来的，然后锚点数据出现以后出现后，点击锚点，页面并不跳转，我找到这样的数据，看数据是因为offset的数据不对，但是这个数据应该不是本地写死的吧，而是根据id的位置判断的吧各位大佬有遇到...
2024-01-10
IDEA离线安装maven helper插件的图文教程
使用idea的file-》settings-》plugins安装maven helper插件失败，安装页面总是提示installed，在installed页面却没有，实在没办法决定离线安装。1、打开idea官方插件网站：https://plugins.jetbrains.com/2、搜索maven helper插件：3、选择对应的版本点击下载即可：4、将下载的zip压缩包解压到D:\Program Files\JetBrains\IntelliJ IDE...
2024-01-10
【Web前端问题】自己编写了一个屏蔽百度推广的chrome插件，但是没效果。
我用javascript写了一个chrome插件，目的是屏蔽百度推广链接部分。如图所示：我的预期是，在刷新页面之后，粉色框推广链接这部分消失。可是使用了插件之后并没有达到预期效果。请问为什么会这样。//插件的javascript部分function no_ads() { var links = document.getElementsByTagName("a"); for(var i = 0; i < link...
2024-01-10
WordPress ThemeREX Addons 插件安全漏洞深度分析
作者：天融信阿尔法实验室 原文链接：https://mp.weixin.qq.com/s/W4PbykSWJ1f1c-loOjrclg0x00 前言ThemeREX是一家专门出售商业WordPress主题的公司。ThemeREX Addons插件为ThemeREX公司开发的预装在所有ThemeREX商业主题中用来帮助其用户设置新站点和控制不同的主题的一款插件。根据相关预测，该插件预装在超过44000个网站...
2024-01-10
【教程】Chrome 浏览器安装Vue插件方法 (十分详细)
博主最近在研究Vue，无奈新手想安装Chrome的Vue插件，整理下安装流程：1.首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue-devtools2.下载后解压3.然后通过npm下载相关依赖，可能有些同学没有安装npm，博主也是，这里介绍下安装npm的方法。 从...
2024-01-10
【Docker】kvm创建qcow2镜像文件，无法安装系统！
1，kvm创建qcow2磁盘文件，无法安装系统，根据提示应该是磁盘空间为0造成的！2，kvm创建qcow2磁盘文件，有3种方法；a,创建的raw磁盘格式转换为qcow2b,直接创建qcow2安装系统，带有预分配元数据的方式,但是这个不支持快照。qemu-img create -f qcow2 -o preallocation=metadata /data/tomcat_template.img 5G;c，不带有预分配...
2024-01-10
Chrome浏览器安装Vue Devtools插件（附带编译好的工具包）
我们在使用vue开发项目的时候，如果想要更好的审查和调试 vue 应用，可以使用官方推荐的Vue Devtools。但是官方的方法比较麻烦，要使用npm编译，搞不好还会报好多莫名其妙的错误。下面给大家提供一个简便的方法，不会再浪费大家宝贵的时间啦！1.获取Vue Devtools插件我已经将编译好的插件上传到...
2024-01-10如何使用 PowerShell 将 MSI 文件安装到自定义目录？
要使用 PowerShell 将 MSI 文件安装到自定义目录，我们可以使用TARGETDIR、INSTALLDIR、INSTALLPATH等参数作为自定义路径，具体取决于它支持的 MSI 文件。msiexec /i "C:\temp\7z1900-x64.msi" INSTALLDIR="D:\ProgramFiles\7zip" /quiet上面的命令可以在 PowerShell 和 cmd 中运行，但您无法控制等待安装完成的过程。要控制上述命令，...
2024-01-10
vue中使用codemirror
https://blog.csdn.net/oumaharuki/article/details/79268498 别人的记载，写的很不错，还有下载的方法以下是自己使用过的，做出来的例子：做出来的效果图：记住使用之前要npm下载哦 npm install vue-codemirror --savemain.js import { codemirror } from 'vue-codemirror' import 'codemirror/lib/codemirror.css' Vue.use(Vue...
2024-01-10
mac环境下Google Chrome 安装vue插件后图标亮起但控制台无vue的解决方法
重新安装扩展程序后，右上方小图标亮起，但控制台无vue尝试方法：修改manifest.json文件“persistent":true修改后重新加载页面，控制台未出现vue点开自己基于vue开发的项目，发现控制台已经有vue了...
2024-01-10
